{% raw %}
<div class="article-detail">
	<iframe src="<%= url %>" class="article-detail-frame"></iframe>
	<div class="article-detail-content">
		<div class="article-detail-controls">
			<ul class="pager pull-left">
				<li>
					<a href="#">Comments</a>
				</li>
				<li>
					<a href="#">Notes</a>
				</li>
			</ul>
			<div class="pull-right" style="margin-top: 10px;">
				<img src="/assets/img/facebook.png" />
				<img src="/assets/img/google.png" />
				<img src="/assets/img/yahoo.png" />
			</div>
			<div style="clear:both;"></div>

		</div>
		<textarea rows="1" class="span10" placeholder="Comment ..." id="comment-textarea"></textarea>
		<button class="btn btn-primary" id="comment-submit-btn">Comment</button>
		<hr/>
		<div class="article-detail-comments">
		</div>
		<div class="article-detail-notes"></div>
	</div>
</div>
{% endraw %}